<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    <title>海苔君</title>
    <link rel="stylesheet" href="css/share_list.css" type="text/css"/>
</head>

<body class="graybg">
<div class="wrap">
    <div class="index-top-header">
        <header class="index-header">
            <!--<a href="javascript:;" class="menu-icon"></a>
            <h2 title="MR.HT" id="topNavBtn"><img src="${base}/images/index_09.png" width="8" class="sjx" /></h2>
            -->
            <a href="javascript:;" class="menu-icon" id="topNavBtn"></a>
            <a href="javascript:;" class="top-search-icon" id="showSearchBtn"></a>
            <h2 class="center-tab" id="indexTab">
                <a href="javascript:;" class="on animate" aim="tab_0">得瑟</a>
                <!--<a href="javascript:;" class="animate" aim="tab_1">晒物</a>-->
                <a href="javascript:;" class="animate" aim="tab_2">话题</a>
            </h2>
        </header>
        <header class="index-header top-search" id="searchBox">
            <div class="index-top-search">
                <a href="javascript:;" class="cancle-btn" id="hideSearchBtn">取消</a>
                <div class="search-box">
                    <input type="text" placeholder="搜索发现新世界" class="input-txt" id="searchInput" />
                </div>
            </div>
        </header>
    </div>
    <div class="h41"></div>
    <div class="class-list">
        <ul class="fix pr">
            <li><a href="#" class="on">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <li><a href="#">热门</a> </li>
            <div class="hover-border" id="tabHover"></div>
        </ul>
    </div>
    <div class="main-list">
        <ul>
            <li>
                <div class="cont">
                    <div class="img">
                        <img src="images/default_cover.png" />
                        <div class="img-foot">
                            <a href="javascript:;" class="xin"></a>
                            <a href="#" class="com">117</a>
                        </div>
                    </div>
                    <div class="p10">
                        <h3 class="tit">
                            这个是标题的文字占两排在
                        </h3>
                        <div class="cont-foot">
                            <a href="javascript:;" class="atten">加关注</a>
                            <a href="#">
                                <img src="images/default_tx.png" class="tx" />
                                <p class="g9 ell">用户昵称用户昵称用户昵称</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="cont">
                    <div class="img">
                        <img src="images/default_cover.png" />
                        <div class="img-foot">
                            <a href="javascript:;" class="xin xin-on"></a>
                            <a href="#" class="com">117</a>
                        </div>
                    </div>
                    <div class="p10">
                        <h3 class="tit">
                            这个是标题的文字占两排在
                        </h3>
                        <div class="cont-foot">
                            <a href="javascript:;" class="atten attend">加关注</a>
                            <a href="#">
                                <img src="images/default_tx.png"  class="tx" />
                                <span class="g9">用户昵称</span>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="h70"></div>
<div class="index-fix">
    <ul>
        <li><a href="#" class="find">长草</a></li>
        <li class="add">
            <div class="bg">
                <img src="images/index_23.png" width="5" class="left"/>
                <img src="images/index_26.png" width="5" class="right"/>
                <a href="#">
                    <img src="images/index_30.png" width="32" />
                </a>
            </div>
        </li>
        <li><a href="center.html" class="me">败家</a></li>
    </ul>
</div>
<script src="js/lib/swiper.min.js"></script>
<script src="js/sea.js"></script>
<script>
    seajs.config({
        alias:{
            'jquery':'lib/jquery.js',
            'zepto':'lib/zepto.js',
            'swiper':'lib/swiper.min.js'
        },
        paths:{
            'basePath':'js/'
        },
        debug:true
    })
    seajs.use("src/ugc");
</script>
</body>
</html>
